import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 800
    height: 600
    title: "BorderImage 示例"

    SwipeView {
        id: swipeView
        anchors.fill: parent
        currentIndex: tabBar.currentIndex

        // 基础边框图片示例
        Item {
            Column {
                spacing: 20
                anchors.centerIn: parent
                
                Text {
                    text: "BorderImage示例"
                    font.pixelSize: 24
                    anchors.horizontalCenter: parent.horizontalCenter
                }
                
                BorderImageBasic {
                    anchors.horizontalCenter: parent.horizontalCenter
                }
            }
        }

        // 网格边框图片示例
        Item {
            Column {
                spacing: 20
                anchors.centerIn: parent
                
                Text {
                    text: "BorderImage带网格"
                    font.pixelSize: 24
                    anchors.horizontalCenter: parent.horizontalCenter
                }

                BorderImageGrid {
                    anchors.horizontalCenter: parent.horizontalCenter
                }
            }
        }
    }

    footer: TabBar {
        id: tabBar
        currentIndex: swipeView.currentIndex
        
        TabButton {
            text: "BorderImage示例"
        }
        TabButton {
            text: "BorderImage带网格"
        }
    }
}
